header.home{
	background: none;
}
header.home .container{
	padding-top: 30px;
}
.navbar{
	margin-bottom: 0;
	border:none;
}
.navbar-collapse{
	padding: 0;
}
.navbar-default{
	background: none;
	border-radius: 0;
	box-shadow: none;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
}
.navbar-default .navbar-nav>.active:hover>a,
.navbar-default .navbar-nav>li:hover>a,
.navbar-default .navbar-nav>.active>a{
	color: #fff;
		text-decoration:solid;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a{
	background-image: none;
}
.navbar-default .navbar-toggle{
	border:none;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
	background:none;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
	color:#fff;
}
.navbar-toggle{
	padding-top: 3px;
}
/*.navbar-default .navbar-toggle .icon-bar{*/
	/*background-color: #fff;*/
/*}*/
.navbar-default .navbar-toggle:focus .icon-bar{
	background-color: #fff;
}
.dropdown-menu{
	left: -2px;
	width: 92px;
	min-width: 92px;
	margin-left: -2px;
	left: -2px;
	border-radius: 0;
	border: none;
	background-color: #000;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
	color:#fff;
	background: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
		text-decoration:solid;
	color: #fff;
	background-image: none;
}
.dropdown:hover .dropdown-menu{
	display: block;
}
footer.home{
	width: 100%;
	height: 130px;
	position: fixed;
	bottom: 0;
	background: none;
}
.section {
	position: relative;
	overflow: hidden;
}
.section .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section .bg img {
	display: block;
	width: 100%;
	height: 100%;
}

.bg11 {
	position: absolute;
	bottom: -11%;
	left: 14%;
	width: 60%;
	/*height: 29%;*/
	/*background: url(../images/bg11.png) 0 0 no-repeat;*/
	transition: all 1s;
	/*background-size: 100% 100%;*/
	bottom:11% \0;
}
.bg11 img{
	width: 100%;
	height:100%;
}
.bg12 {
	position: absolute;
	bottom: 45%;
	left: -25%;
	width: 32%;
	/*height: 37%;*/
	/*background: url(../images/bg12.png) 0 0 no-repeat;*/
	/*background-size: 100% 100%;*/
	opacity: 0;
	transition: all 1s;
	left: 25% \0;
}
.bg12 img{
	width: 100%;
	height: 100%;
}
.bg13 {
	position: absolute;
	bottom: 33%;
	right:-25%;
	width: 30%;
	/*height: 60%;*/
	/*background: url(../images/bg13.png) 0 0 no-repeat;*/
	/*background-size: 100% 100%;*/
	transition: all 1s;
	right:25% \0;
}
.bg13 img{
	width: 100%;
	height: 100%;
}
.bg21 {
	position: absolute;
	bottom: 5%;
	left: -15%;
	width: 80%;
	/*height: 80%;*/
	/*background: url(../images/bg21.png) 0 0 no-repeat;*/
	/*background-size: 100% 100%;*/
	opacity: 0;
	transition: all 1s;
	left: 15% \0;
}
.bg21 img{
	width: 100%;
	height: 100%;
}
.bg22 {
	position: absolute;
	bottom: -20%;
	left: 14%;
	width: 73%;
	transition: all 1s;
	bottom:20% \0;
}
.bg22 img{
	width: 100%;
	height: 100%;
}
.bg32 {
	position: absolute;
	bottom: 20%;
	left: -15%;
	width: 28%;
	opacity: 0;
	transition: all 1s;
	left: 15% \0;
}
.bg32 img{
	width: 100%;
}
.bg41 {
	position: absolute;
	bottom: -55%;
	left: 50%;
	width: 49%;
	/*height: 10%;*/
	margin-left: -24.5%;
	/*background: url(../images/bg41.png) 0 0 no-repeat;*/
	transition: all 1s;
	/*background-size: 100% 100%;*/
	bottom:55% \0;
}
.bg42 {
	position: absolute;
	bottom: -2%;
	left: 50%;
	width: 49%;
	/*height: 43%;*/
	margin-left: -24.5%;
	/*background: url(../images/bg42.png) 0 0 no-repeat;*/
	transition: all 1s;
	/*background-size: 100% 100%;*/
	bottom:0% \0;
}
.bg41 img,
.bg42 img{
	width: 100%;
	height: 100%;
}
.active .bg12 {
	left: 25%;
	opacity: 1;
	transition-delay: 0.7s;
}
.active .bg21 {
	left: 15%;
	opacity: 0;
	transition-delay: 0.7s;
}
.active .bg32 {
	left: 15%;
	opacity: 1;
	transition-delay: 0.7s;
}
.active .bg13 {
	right: 25%;
	opacity: 1;
	transition-delay: 0.7s;
}
.active .bg11 {
	bottom: 11%;
	opacity: 1;
	transition-delay: 0.7s;
}
.active .bg41 {
	bottom: 59%;
	opacity: 1;
	transition-delay: 0.7s;
}
.active .bg42 {
	bottom: 0%;
	opacity: 1;
	transition-delay: 0.7s;
}
.active .bg22 {
	bottom: 20%;
	opacity: 1;
	transition-delay: 0.7s;
}
.section>.down{
	position: absolute;
	left: 50%;
	top: 78%;
	z-index: 10;
	width: 25%;
	margin-left: -12.5%;
	text-align: center;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.btn-left-down{
	float: left;
	width:48% ;
}
.btn-right-down img,
.btn-left-down img{
	width: 100%;
	height: 100%;
}
.btn-right-down:hover,
.btn-left-down:hover{
	cursor: pointer;
	opacity: .9;
}
.btn-right-down{
	float: right;
	width: 48%;
}
.section strong {
	position: absolute;
	left: 50%;
	top: 45%;
	z-index: 10;
	/*width: 512px;*/
	height: 45px;
	margin-left: -256px;
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	color:#fadb00;
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.section h3 {
	position: absolute;
	left: 50%;
	top: 45%;
	z-index: 10;
	color:#fff;
	width: 512px;
	height: 45px;
	margin-left: -256px;
	margin-top: 80px;
	opacity: 0;
	text-align: center;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	transition: all 1s;
}
.active strong, .active h3, .active .down {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.p1,.p2 {
	position: absolute;
	left: 50%;
	top: 46.2%;
	width: 510px;
	text-align: center;
	margin-left: -255px;
	margin-top: 110px;
	font-size: 16px;
	color: #fff;
	opacity: 0;
	transition: all 1s;
}
.p2{
	margin-top:17%;
}
.p2 a{
	color:#fff;
	font-size:13px;
}
.p2 a:hover{
	cursor: pointer;
}
.active .p1 ,.active .p2{
	opacity: .8;
	transition-delay: 1.7s;
}
.section2 strong{
	top:15%;
	font-weight: normal;
	color:#fff;
	font-size:35px;
	/*margin-left:-12.5%*/
}
.section4 strong{
	top:18%;
	font-weight: normal;
	color:#fff;
	font-size: 24px;
}
.section2 strong small{
	display: block;
	font-size:17px;
}
.section4.active strong,
.section2.active strong{
	opacity: .9;
}
.section2.active strong small{
	opacity: .6;
}
.section3 .p2,
.section3 .p1{
	top:35%;
	margin-left: 0;
	margin-top: 0;
	text-align: left;
}
.section3 .p1{
	font-size: 34px;
}
.section3 .p2{
	margin-top:50px;
	font-size:28px;
}
.section3 .p2 small{
	display: block;
	font-size:17px;
	margin-top: 30px;
}
/*导航*/
#fullPage-nav {
	_display: none;
	font-size: 12px;
}
#fullPage-nav li {
	width: 90px;
	height: 21px;
	margin: 10px 0 0;
	vertical-align: middle;
}
#fullPage-nav li a {
	float: right;
	width: 21px;
	height: 21px;
	color: #8F9DA4;
	text-decoration: none;
	text-align: right;
	background: url(../images/dot.png) 5px 5px no-repeat;
}
#fullPage-nav li .active {
	background-position: 0 bottom;
}
#fullPage-nav span {
	display: none;
}
.fullPage-tooltip {
	float: left;
	top: 0;
	margin-right: 5px;
	font: 12px "Microsoft Yahei";
	color: #8F9DA4;
	line-height: 21px;
}
/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 {
	opacity: 1;
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.ltie10 .p1 {
	opacity: 1;
	transition-delay: 1.7s;
}
.ltie10 .bg12 {
	bottom: 90px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg13 {
	bottom: 0;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .hgroup {
	opacity: 1;
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.ltie10 .mail {
	top: 25px;
	transition-delay: 0.7s;
}
.ltie10 .p11 {
	opacity: 1;
	transition-duration: 1s;
	transition-delay: 2s;
}
.ltie10 .bg21 {
	opacity: 1;
	margin-left: -608px;
	transition-delay: 0.7s;
}
.ltie10 .bg23 {
	bottom: 15%;
	transition-delay: 0.7s;
}
.ltie10 .bg22 {
	margin-left: -280px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .p3 {
	margin-left: -480px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg31, .ltie10 .bg32 {
	opacity: 1;
	transition-delay: 1s;
}
.ltie10 .bg33 {
	margin-left: -120px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg41 {
	bottom: 15%;
	transition-delay: 0.7s;
}
.ltie10 .bg42 {
	bottom: 15%;
	transition-delay: 1.1s;
}
.ltie10 .bg43 {
	bottom: 15%;
	transition-delay: 0.9s;
}
.ltie10 .bg51 {
	margin-left: -551px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg52 {
	margin-left: -253px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg53 {
	margin-left: 45px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg54 {
	margin-left: 345px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg61 {
	top: 0;
	transition-delay: 0.7s;
}
.ltie10 .bg62 {
	left: 50%;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .txt6 {
	left: 50%;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg71 {
	bottom: 250px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg72 {
	bottom: 350px;
	opacity: 1;
	transition-delay: 0.9s;
}
.ltie10 .txt7 {
	bottom: 420px;
	opacity: 1;
	transition-delay: 1.1s;
}
.ltie10 .bg82 {
	bottom: 260px;
	margin-left: -280px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg83 {
	bottom: 380px;
	margin-left: -430px;
	opacity: 1;
	transition-delay: 1s;
}
.ltie10 .bg84 {
	bottom: 420px;
	margin-left: -510px;
	opacity: 1;
	transition-delay: 1.2s;
}
.ltie10 .p8 {
	opacity: 1;
	transition-delay: 1.7s;
}
.ltie10 .bg91 {
	margin-left: -570px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg92 {
	opacity: 1;
	transition-delay: 0.8s;
}
.ltie10 .bg93 {
	margin-left: 230px;
	opacity: 1;
	transition-delay: 0.7s;
}
.ltie10 .bg102, .ltie10 .bg103 {
	opacity: 1;
	transform: scale(1, 1);
	transition-delay: 0.7s;
}
.ltie10 .go {
	top: 25%;
	opacity: 1;
	transform: scale(1, 1);
	transition-delay: 1.2s;
}

@media (max-width: 768px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
	.nav>li>a{
		padding: 4px 8px;
	}
	/*.nav > li > a{color: #a8d00d;}*/
	.nav{
		width: 318px;
		margin: 6px auto;
	}
	.logo a{
		background-size: 80%;
	}
	.section strong{
		top:49%;
		font-size: 31px;
		width: 90%;
		margin-left: -45%;
	}
	.bg12{
		width: 70%;
		bottom: 55%;
	}
	.active .bg12{
		left: 6%;
	}
  .bg13{
	  bottom: 50%;
	  width: 70%;
  }
	.active .bg13{
		right: 0;
	}
  h3{
	  font-size: 20px;
  }
	.p1{
		width: 96%;
		margin-left: -48%;
		font-size: 12px;
	}
	.btn-right-down,
  .btn-left-down{
	  width: 48%;
  }
	.section>.down{
		width: 70%;
		top:76%;
		left:50%;
		margin-left: -35%;
	}
  .down{
	  margin-top: -10px;
  }
  .bg11{
	  left: 5%;
	  width: 85%;
  }
	.active .bg11{
		bottom: 14%;
	}
  .bg11{
	  bottom:14%;
  }
	.share,
	footer a{
		margin-top: 0;
	}
	footer.home{
		height: 110px;
	}
	.footer-intro .name{
		font-size: 14px;
	}
	.footer-intro p{
		font-size: 12px;
	}
	.footer-intro{
		padding-left: 20px;
	}
	.section2 strong{
		width: 90%;
		font-size: 25px;
		top:23%;
		/*left: 73%;*/
	}
  .bg22{
	  left: 2%;
	  width: 96%;
  }
	.active .bg22{
		bottom: 38%;
	}
  .section3 .p1,
  .section3 .p2{
	  width: 90%;
	  left: 6%;
	  top:18%;
  }
	.section3 .p1{
		font-size: 24px;
	}
	.section3 .p2{
		font-size: 18px;
	}
	.section3 .p2 small{
		font-size: 14px;
	}
  .bg32{
	  left: 10% \0;
	  width: 80%;
	  bottom: 9%;
  }
	.active .bg32{
		left: 10%;
	}
  .section4 strong{
	  font-size: 18px;
	  top:19%;
	  /*left: 76%;*/
  }
	.section4 .bg42,
  .section4 .bg41{
	  left: 5%;
	  width: 90%;
	  margin-left: 0;
  }
	.active .bg41{
		bottom: 60%;
	}
	.active .bg42{
		bottom: 28%;
	}
	.section3 .p2 small{
		margin-top: 3px;
	}
  .share{
	  display: none;
  }
	footer>.container>a{
		display: none;
	}

	#fullPage-nav.right{right: 10px;}
}
@media (max-width: 700px){
	header.home .container{padding-top: 10px;}
	.navbar-toggle{display: none;}
}
/*竖屏*/
@media (max-width: 360px){
	/*第一屏*/
	/*
	.section>.down{
		top: 80%;
	}
	*/
	/*第二屏*/
	.active .bg22{
		bottom: 34%;
	}
	/*第三屏*/
	.active .bg32{
		width: 60%;
		left: 30%;
	}
}
@media (min-width: 700px) and (max-width: 768px){
	/*第四屏*/
	.active .bg41{
		bottom: 68%;
	}
}
	/*横屏*/
@media (max-width: 600px) and (orientation : landscape){
	/*第一屏*/
	header.home .container{padding-top: 10px;}
	.active .bg11 {
		bottom: 5%;
	}
	.active .bg12 {
		left: 6%;
		bottom: 30%;
	}
	.active .bg13 {
		right: -15%;
		bottom: -10%;
	}
	.section>.down{display: none;}
	.section strong{
		top: 50%;
	}
	.section h3{
		top: 40%;
	}
	.p1{display: none;}
	.footer-intro{display: none;}
	/*第二屏*/
	.active .bg22{bottom: 23%;}
	.section2.active strong {display: none;}
	/*第三屏*/
	.active .bg32{
		width: 40%;
		left: 55%;
		bottom: 5%;
	}
	.section3 .p1, .section3 .p2{
		top: 16%;
	}
	/*第四屏*/
	.active .bg41{
		bottom: 30%;
		width: 80%;
		left: 10%;
	}
	.active .bg42{
		display: none;
	}
	.section4.active strong{
		top: 35%;
	}

}
@media (min-width: 601px) and (max-width: 700px) and (orientation : landscape){
	/*第一屏*/
	header.home .container{padding-top: 10px;}
	.active .bg11 {
		bottom: 5%;
	}
	.active .bg12 {
		left: 6%;
		bottom: 18%;
	}
	.active .bg13 {
		right: -15%;
		bottom: -20%;
	}
	.section>.down{display: none;}
	.section strong{
		top: 65%;
	}
	.section h3{
		top: 56%;
	}
	.p1{top: 56%;}
	.footer-intro{display: none;}
	/*第二屏*/
	.active .bg22{bottom: 23%;}
	.section2.active strong {display: none;}
	/*第三屏*/
	.active .bg32{
		width: 40%;
		left: 55%;
		bottom: 5%;
	}
	.section3 .p1, .section3 .p2{
		top: 25%;
	}
	/*第四屏*/
	.active .bg41{
		bottom: 30%;
	}
	.active .bg42{
		display: none;
	}
	.section4.active strong{
		top: 35%;
	}

}
@media (min-width: 701px) and (max-width: 800px) and (orientation : landscape){
	/*第一屏*/
	header.home .container{padding-top: 10px;}
	.active .bg11 {
		bottom: 5%;
	}
	.active .bg12 {
		left: 6%;
		bottom: 18%;
		width: 65%;
	}
	.active .bg13 {
		right: -12%;
		bottom: -20%;
		width: 65%;
	}
	.section>.down{display: none;}
	.section strong{
		top: 68%;
	}
	.section h3{
		top: 60%;
	}
	.p1{top: 60%;}
	.footer-intro{display: none;}
	/*第二屏*/
	.active .bg22{bottom: 23%;}
	.section2.active strong {display: none;}
	/*第三屏*/
	.active .bg32{
		width: 40%;
		left: 55%;
		bottom: 5%;
	}
	.section3 .p1, .section3 .p2{
		top: 32%;
	}
	/*第四屏*/
	.active .bg41{
		bottom: 30%;
	}
	.active .bg42{
		display: none;
	}
	.section4.active strong{
		top: 35%;
	}
}
